<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>极资源-仿微信公众平台(2018)</title>
    <link href="public/font-awesome/css/font-awesome.min.css" type="text/css" rel="stylesheet">
    <link href="public/css/common.css" type="text/css" rel="stylesheet">
    <link href="public/css/index.css" type="text/css" rel="stylesheet">
    <link rel="stylesheet" href="public/css/bootstrap.min.css">
    <link rel="stylesheet" href="public/css/font-awesome.min.css">
    <!-- 自定义样式 -->
    <link rel="stylesheet" href="public/css/wx-custom.css">
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="public/js/jquery-3.2.1.min.js"></script>
    <script src="public/js/alert.js"></script>
</head>

<body>
    <div id="head" class="jzy_w_max jzy_h_80 br_h_0">
        <div id="admin_head_body" class="at">
            <img src="https://res.wx.qq.com/mpres/en_US/htmledition/modules/weui-desktopSkin/svg/buildless/bg_logo_primary3ac982.svg"
                class="jzy_mg_top_20" />
        </div>
    </div>
    <div id="admin_body" class="lt br_4 jzy_w_max">
        <div id="admin_nav_body" class="lt">
            <ul id="admin_nav_ul">

                <a href="admin.html">
                    <li class=" jzy_mg_top_14 fs_16 nav_top_li">
                        <span class="nav_top_title  jzy_h_30">
                            <i class="fa fa-home fs_18"></i>
                            <span>首页</span>
                        </span>
                    </li>
                </a>
                <li class="jzy_mg_top_14 fs_16 buttom_border">
                    <span class="nav_top_title jzy_h_30">
                        <i class="fa fa-reorder fs_18"></i>
                        <span>功能</span>
                    </span>

                    <ul class="fs_13">
                        <a href="beadded.html">
                            <li class='nav_top_li nav_tow_li jzy_mg_top_10' style="color:#333;">自动回复</li>
                        </a>
                        <a href="menuAdmin.html">
                            <li class='nav_top_li nav_tow_li nav_top_title_chois'>自定义菜单</li>
                        </a>
                        <li class='nav_top_li nav_tow_li'>留言管理</li>
                        <li class='nav_top_li nav_tow_li'>投票管理</li>
                        <li class='nav_top_li nav_tow_li'>页面模板</li>
                        <li class='nav_top_li nav_tow_li'>原创声明功能</li>
                    </ul>
                </li>
                <li class=" jzy_mg_top_14 fs_16 buttom_border">
                    <span class="nav_top_title jzy_h_30">
                        <i class="fa fa-sun-o fs_18"></i>
                        <span>管理</span>
                    </span>
                    <ul class="fs_13">
                        <a href="userList.html">
                            <li class='nav_top_li nav_tow_li jzy_mg_top_10' style="color:#333;">用户管理</li>
                        </a>
                    </ul>
                </li>
                <li class="jzy_mg_top_14 fs_16 nav_top_li">
                    <span class="nav_top_title jzy_h_30 ">
                        <i class="fa fa-pie-chart fs_18"></i>
                        <span>统计</span>
                    </span>
                </li>
                <li class="jzy_mg_top_14 fs_16 buttom_border">
                        <span class="nav_top_title jzy_h_30 ">
                            <i class="fa fa-cogs fs_18"></i>
                            <span>设置</span>
                        </span>
                        <ul class="fs_13">
                            <a href="advanced.html">
                                <li class='nav_top_li nav_tow_li jzy_mg_top_10 '>基本配置</li>
                            </a>
                        </ul>
                    </li>
            </ul>
        </div>
        <div id="admin_main_body" class="jzy_mg_right_15">
            <h2 class="fs_26 jzy_mg_bottom_40" style="font-weight: 400;line-height: 1;">自定义菜单</h2>
            <div class="jzy_desktop_panel" style="padding:70px;padding-top:50px">
                <!-- 自定义菜单 -->
                <div class="custom-menu-edit-con" style="padding:0;">
                    <div class="hbox">
                        <div class="inner-left">
                            <div class="custom-menu-view-con">
                                <div class="custom-menu-view">
                                    <div class="custom-menu-view__title">极资源</div>
                                    <div class="custom-menu-view__body">
                                        <div class="weixin-msg-list">
                                            <ul class="msg-con"></ul>
                                        </div>
                                    </div>
                                    <div id="menuMain" class="custom-menu-view__footer">
                                        <div class="custom-menu-view__footer__left"></div>
                                        <div class="custom-menu-view__footer__right"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="inner-right">
                            <div class="cm-edit-after">
                                <div class="cm-edit-right-header b-b">
                                    <span id="cm-tit"></span>
                                    <a id="delMenu" class="pull-right" href="javascript:;">删除菜单</a>
                                </div>
                                <form class="form-horizontal wrapper-md" name="custom_form">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">菜单名称:</label>
                                        <div class="col-sm-5">
                                            <input name="custom_input_title" type="text" class="form-control" ng-model="menuname" value="" placeholder="" ng-maxlength="5">
                                        </div>
                                        <div class="col-sm-5 help-block">
                                            <div ng-show="custom_form.custom_input_title.$dirty&&custom_form.custom_input_title.$invalid-maxlength">字数不超过5个汉字或16个字符</div>
                                            <div class="font_sml" style="display: none;">若无二级菜单，可输入20个汉字或60个字符</div>
                                        </div>
                                    </div>
                                    <div class="form-group" id="radioGroup">
                                        <label class="col-sm-2 control-label">菜单内容:</label>
                                        <div class="col-sm-10 LebelRadio">
                                            <label class="checkbox-inline">
                                                <input type="radio" name="radioBtn" value="sendmsg" checked> 发送消息</label>
                                            <label class="checkbox-inline">
                                                <input type="radio" name="radioBtn" value="link"> 跳转网页</label>
                                        </div>
                                    </div>
                                </form>

                                <div class="cm-edit-content-con" id="editMsg">
                                    <div class="editTab">
                                        <div class="editTab-heading">
                                            <ul class="msg-panel__tab">
                                                <li class="msg-tab_item on">
                                                    <span class="msg-icon msg-icon-tuwen"></span>
                                                    图文消息
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="editTab-body">
                                            <div class="msg-panel__context">
                                                <div class="msg-context__item">
                                                    <div class="msg-panel__center msg-panel_select" data-toggle="modal" data-target="#selectModal">
                                                        <span class="message-plus">+</span>
                                                        <br>从素材库中选择</div>
                                                </div>
                                                <div class="msg-template"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="cm-edit-content-con" id="editPage">
                                    <div class="cm-edit-page">
                                        <div class="row">
                                            <label class="col-sm-6 control-label" style="text-align: left;">粉丝点击该菜单会跳转到以下链接:
                                            </label>
                                        </div>
                                        <div class="row">
                                            <label class="col-sm-2 control-label" style="text-align: left;">页面地址:
                                            </label>
                                            <div class="col-sm-5">
                                                <input type="text" name="url" class="form-control" placeholder="认证号才可手动输入地址">
                                                <span class="help-block">必填,必须是正确的URL格式</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="cm-edit-before">
                                <h5>点击左侧菜单进行操作</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cm-edit-footer jzy_mg_top_30">
                    <button id="sortBtn" type="button" class="btn btn-default">菜单排序</button>
                    <button id="sortBtnc" type="button" class="btn btn-default">完成排序</button>
                    <button id="saveBtns" type="button" class="btn btn-info1">保存并发布(数据看控制台)</button>
                </div>

                <script src="public/js/jquery-1.11.1.min.js"></script>
                <script src="public/js/bootstrap.min.js"></script>
                <!-- 自定义菜单排序 -->
                <script src="public/js/Sortable.js"></script>
                <script src="public/js/menu.js"></script>
                <div id="selectModal" class="modal fade" tabindex="-1" role="dialog">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span>×</span>
                                </button>
                                <h4 class="modal-title">
                                    选择图文
                                </h4>
                            </div>
                            <div class="modal-body">
                                <div class="row">
                                    <div id="col_1" class="col-xs-4">
                                        <div class="panel panel-default">
                                            <div class="panel-heading msg-date">
                                                08月12日
                                            </div>
                                            <div class="panel-body">
                                                <h5 class="msg-title">极资源</h5>
                                                <div class="msg-img">
                                                    <img src="public/images/20170831595cf16beb634972a65adb6b14abca9b.jpg" alt=" ">
                                                </div>
                                                <p class="msg-text ">仿微信公众号管理后台 </p>
                                            </div>
                                            <div class="mask-bg ">
                                                <div class="mask-icon ">
                                                    <i class="icon-ok "></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="col_2 " class="col-xs-4 ">
                                        <div class="panel panel-default ">
                                            <div class="panel-heading msg-date ">
                                                08月31日
                                            </div>
                                            <div class="panel-body ">
                                                <h5 class="msg-title ">junphp</h5>
                                                <div class="msg-img ">
                                                    <img src="public/images/1.png" alt="">
                                                </div>
                                                <p class="msg-text">使用指南</p>
                                            </div>
                                            <div class="mask-bg">
                                                <div class="mask-icon">
                                                    <i class="icon-ok"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-info ensure">确定</button>
                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="reminderModal" class="modal fade" tabindex="-1" role="dialog">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span>×</span>
                                </button>
                                <h4 class="modal-title">
                                    温馨提示
                                </h4>
                            </div>
                            <div class="modal-body">
                                <h5>添加子菜单后，一级菜单的内容将被清除。确定添加子菜单？</h5>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-info reminder">确定</button>
                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                            </div>
                        </div>
                    </div>
                </div>

                <div id="abnormalModal" class="modal fade" tabindex="-1" role="dialog">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span>×</span>
                                </button>
                                <h4 class="modal-title">
                                    温馨提示
                                </h4>
                            </div>
                            <div class="modal-body">
                                <h5>数据异常</h5>
                            </div>
                            <div class="modal-footer">
                                <!-- <button type="button" class="btn btn-info reminder">确定</button> -->
                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>

    </script>
</body>

</html>